<template>
  <!-- 指定一个容器 -->
  <div id="vditor"></div>
</template>


<script setup>
// 1.1 引入Vditor 构造函数 主线程同步XMLHttpRequest被弃用，导入后可能导致主线程堵塞
import Vditor from 'vditor'
// 1.2 引入样式
import 'vditor/dist/index.css';
import { ref, onMounted } from 'vue';

// 2. 获取DOM引用
const vditor = ref(null)

// 3. 在组件初始化时，就创建Vditor对象，并引用
onMounted(() => {
  vditor.value = new Vditor('vditor',{
    height: '50vh',
    width: '100vw'
  })
})

</script>




<style lang="scss" scoped>

</style>